$(function () {
    load();
    $('#title').on('keyup', function (e) {
        if (e.keyCode == 13) {
            if ($(this).val() == '') {
                alert('请输入待办事项！');
            } else {
                let data = getData();
                data.push({ title: $(this).val(), done: false });
                saveData(data);
                load();
                $(this).val('');
            }
        }
    })
    //捞数据
    function getData() {
        let data = localStorage.getItem('todoList');
        return data === null ? [] : JSON.parse(data);
    }
    //存数据
    function saveData(data) {
        localStorage.setItem('todoList', JSON.stringify(data));
    }
    //
    //渲染数据
    function load() {
        let data = getData();
        console.log(data);
        $('ol,ul').empty();
        let ulNum = 0;
        let olNum = 0;
        $.each(data, function (i, obj) {
            if (obj.done) {
                $('ul').prepend(`<li><input type="checkbox" checked><p>${obj.title}</p><a href="javascript:;" index = '${i}'></a></li>`);
                ulNum++;
            } else {
                $('ol').prepend(`<li><input type="checkbox"><p>${obj.title}</p><a href="javascript:;" index = '${i}'></a></li>`);
                olNum++;
            }
        })
        $('#todocount').html(olNum);
        $('#donecount').html(ulNum);
    }
    //删除数据
    $('ul,ol').on('click', 'a', function () {
        let data = getData();
        let index = $(this).attr('index');
        data.splice(index, 1);
        saveData(data);
        load();
    })
    //正在进行时
    $('ul,ol').on('change', 'input', function () {
        let data = getData();
        let index = $(this).siblings('a').attr('index');
        data[index].done = $(this).prop('checked');
        saveData(data);
        load();
    })
})